export const UIThemes = {
    material: {
        controlRadius: '12px',
        shadow: '0 4px 16px rgba(0,0,0,0.2)',
        gradient: 'linear-gradient(135deg, #00a1d6 0%, #0087b3 100%)'
    },
    neumorphism: {
        controlRadius: '20px',
        shadow: `
            8px 8px 16px rgba(0,0,0,0.1),
            -8px -8px 16px rgba(255,255,255,0.5)
        `,
        gradient: 'linear-gradient(145deg, #ffffff, #e6e6e6)'
    }
};

export function applyTheme(themeName) {
    const root = document.documentElement;
    const theme = UIThemes[themeName];
    
    root.style.setProperty('--control-radius', theme.controlRadius);
    root.style.setProperty('--control-shadow', theme.shadow);
    root.style.setProperty('--gradient-main', theme.gradient);
}
